<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href='http://fonts.googleapis.com/css?family=Emblema+One&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Tauri&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/h_style.css" type="text/css" />
	<link rel="stylesheet" href="css/css/font-awesome.min.css" type="text/css" />
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/d_plug.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.catalog_list').find('li').each(function(){
				if(($(this).index()+1)%4==0)
				{
					$(this).css({marginRight:0})
				}
			});

			$('.d_slider').slider();
			$('.recommend_roducts').scrollMove({
				move   :'scroll',
				autoScroll: true

			});
		});
	</script>
	<title>无标题文档</title>
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="cent">
			<a href="" class="logo"><img src="images/logo.png" alt="" /></a>
			<ul class="menu jumbotron-icon">
				<li><a class="active" href=""><i class="icon-home"></i>Home</a></li>
				<li><a href=""><i class="icon-user"></i>About us</a></li>
				<li><a href=""><i class="icon-thumbs-up"></i>Service</a></li>
				<li><a href=""><i class="icon-th-list"></i>Products</a></li>
				<li><a href=""><i class="icon-envelope"></i>Contact us</a></li>
			</ul>
			<form class="search" action="" method="">
				<input class="txt" type="text" />
				<input class="btn icon-search" type="submit" value="" />
			</form>
		</div>
	</div>
	<!-- header END / -->

	<!-- page content -->
	<div class="page_article cent">

			<div class="art_left">
				<h3>Latest News</h3>
				<ul>
					<li><i class="icon-caret-right"></i><a href="">Pellentesque at mauris fringilla</a></li>
					<li><i class="icon-caret-right"></i><a href="">Pellentesque at mauris fringilla</a></li>
					<li><i class="icon-caret-right"></i><a href="">Pellentesque at mauris fringilla</a></li>
					<li><i class="icon-caret-right"></i><a href="">Pellentesque at mauris fringilla</a></li>
					<li><i class="icon-caret-right"></i><a href="">Pellentesque at mauris fringilla</a></li>
				</ul>
			</div>
			<div class="art_right">
				<h3>News</h3>
				<ul class="archive_list">
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
					<li>
						<i class="icon-double-angle-right"></i>
						<a href="">Vestibulum porta ligula eget magna ultrices porta ullamcorper a nunc. Vivamus</a>
						<span>2013-07-11</span>
					</li>
				</ul>
			</div>
	</div>
	<!-- page content END / -->

	<div id="footer">
		<div class="cent">
			<p>opyright © 2013 Digood.com , All Rights Reserved. </p>
		</div>
	</div>

</body>
</html>